<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生选修课管理系统</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <script src="/js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="/css/login.css">
</head>

<body>
<div class="container">
    <section class="section1">
        <div class="content">
            <div class="card3">
                <div class="box">
                    <a href="https://help.mail.163.com/" style="text-decoration:none">
                        <font color="#eee">帮助</font>
                    </a>
                    <a href="https://help.mail.163.com/" style="text-decoration:none">
                        <font color="#eee">反馈</font>
                    </a>
                    <a href="https://mail.163.com/html/accounts-repair/index.html#/taskPublicity"
                       style="text-decoration:none">
                        <font color="#eee">修复公示</font>
                    </a>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </section>

    <section class="section2">

        <form action="/result" method="post" onsubmit="return subForm()">

            <div class="login">
                <h2 class="loginTitle">学生选修课管理系统账号登录</h2>
                <div class="userID">
                    <input class="inputBox1" id="username" name="username" placeholder="学工号" type="text"/>
                    <span id="d1"></span>
                </div>
                <div class="passwordBox">
                    <input class="inputBox2" id="password" name="password" placeholder="密码" type="password"/>
                    <span id="d2"></span>
                </div>
                <div class="m-box">
                    <label class="radio-inline"></label>
                    <label class="radio-inline">
                        <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 教师
                    </label>
                    <label class="radio-inline"></label>
                    <label class="radio-inline">
                        <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 管理员
                    </label>
                    <label class="radio-inline"></label>
                    <label class="radio-inline">
                        <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 学生
                    </label>
                </div>
                <div class="signIn">
                    <input class="signIn-box" type="submit" onclick="" value="登&nbsp;&nbsp;录"/>
                </div>
                <div class="m-box1">
                    <a id="a2"
                       href="https://mail.163.com/dashi/dlpro.html?scene=appTrack&session_id=D582BD74-6163-4C3B-93A6-7604E42D62FA&uid=&from=mail87&spm=pos.free_webmail_9c89159b6fde1dc2.loginPage.login163Page.loginPanel.link"
                       style="text-decoration:none">
                        <font color="#666">官方APP</font>
                    </a></td>
                </div>
            </div>
        </form>
        <div class="clear"></div>
    </section>
</div>
<script src="/js/bootstrap.min.js"></script>
<script src="/plugins/bootstraptable/bootstrap-table.min.js"></script>
<script src="/plugins/bootstraptable/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript">
    function f1() {
        var regx = /^-?[0-9]+/;
        var username = document.getElementById("username").value;
        if (regx.test(username)) {
            document.getElementById("d1").style.color = "green";
            document.getElementById("d1").innerHTML = "√";
            return true;
        } else {
            document.getElementById("d1").style.color = "red";
            document.getElementById("d1").innerHTML = "×";
            return false;
        }
    }

    function subForm() {
        if (f1()) {
            return true;
        }
    }
</script>
</body>
</html>